JSON (JavaScript Object Notation) এবং AJAX (Asynchronous JavaScript and XML) হল দুটি গুরুত্বপূর্ণ প্রযুক্তি যা ওয়েব অ্যাপ্লিকেশনগুলির মধ্যে ডেটা আদান-প্রদান সহজ করে। CodeIgniter-এ JSON এবং AJAX ব্যবহার করে ডেটা প্রসেস করার জন্য বেশ কিছু সহজ পদ্ধতি রয়েছে, যা ডেভেলপমেন্ট প্রক্রিয়াকে আরও কার্যকরী এবং রিয়েল-টাইম ইন্টারঅ্যাকটিভ করে তোলে।
JSON হল একটি হালকা ডেটা বিনিময় ফরম্যাট যা মানব-পঠনযোগ্য এবং মেশিন-পঠনযোগ্য। এটি সাধারণত ওয়েব অ্যাপ্লিকেশনগুলির মধ্যে ডেটা আদান-প্রদানের জন্য ব্যবহৃত হয়।
AJAX হল একটি প্রযুক্তি যা ওয়েব পেজের কনটেন্টকে অ্যাসিনক্রোনাসভাবে আপডেট করার জন্য ব্যবহৃত হয়। এটি পেজ রিলোড না করে ডেটা সার্ভার থেকে আনলোড বা আপলোড করতে সক্ষম। AJAX এর মাধ্যমে ওয়েব পেজের পারফরম্যান্স বাড়ানো যায় এবং ব্যবহারকারীর অভিজ্ঞতাও উন্নত হয়।
CodeIgniter এ AJAX কল করার জন্য আপনাকে সাধারণত JSON ডেটা প্রেরণ করতে হবে। নিচে একটি উদাহরণ দেখানো হলো যেখানে AJAX ব্যবহার করে ডেটা পাঠানো হয় এবং JSON রেসপন্স ফেরত পাওয়া যায়।
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class AjaxExample extends CI_Controller {
public function __construct() {
parent::__construct();
$this->load->helper('url');
}
public function index() {
$this->load->view('ajax_view');
}
public function get_user_data() {
// ডেটা (উদাহরণস্বরূপ)
$data = array(
'name' => 'John Doe',
'email' => 'john.doe@example.com',
'age' => 28
);
// JSON রেসপন্স পাঠানো
echo json_encode($data);
}
}
get_user_data মেথডটি একটি অ্যাসোসিয়েটিভ অ্যারে তৈরি করে এবং json_encode ফাংশনের মাধ্যমে JSON ফরম্যাটে ক্লায়েন্টে রেসপন্স পাঠায়।<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
function fetchUserData() {
$.ajax({
url: '<?php echo site_url("ajaxexample/get_user_data"); ?>', // Controller URL
type: 'GET',
dataType: 'json', // Expected response type
success: function(response) {
$('#name').text(response.name);
$('#email').text(response.email);
$('#age').text(response.age);
},
error: function() {
alert("Error in AJAX request");
}
});
}
</script>
</head>
<body>
<h1>AJAX and JSON Example</h1>
<button onclick="fetchUserData()">Fetch User Data</button>
<p><strong>Name:</strong> <span id="name"></span></p>
<p><strong>Email:</strong> <span id="email"></span></p>
<p><strong>Age:</strong> <span id="age"></span></p>
</body>
</html>
fetchUserData() ফাংশনটি get_user_data() মেথডে AJAX কল করে, যা JSON ফরম্যাটে রেসপন্স পাঠায়। সেই রেসপন্স ডেটা #name, #email, এবং #age স্প্যানের মধ্যে প্রদর্শিত হয়।public function save_data() {
// POST ডেটা গ্রহণ
$name = $this->input->post('name');
$email = $this->input->post('email');
// ডেটাবেসে সংরক্ষণ বা প্রক্রিয়া করা
// ...
// JSON রেসপন্স পাঠানো
$response = array('status' => 'success', 'message' => 'Data saved successfully');
echo json_encode($response);
}
<script type="text/javascript">
function saveData() {
var name = $('#name').val();
var email = $('#email').val();
$.ajax({
url: '<?php echo site_url("ajaxexample/save_data"); ?>', // Controller URL
type: 'POST',
data: { name: name, email: email },
dataType: 'json',
success: function(response) {
if (response.status == 'success') {
alert(response.message);
}
},
error: function() {
alert('Error saving data');
}
});
}
</script>
<input type="text" id="name" placeholder="Enter Name">
<input type="text" id="email" placeholder="Enter Email">
<button onclick="saveData()">Save Data</button>
CodeIgniter-এ AJAX এবং JSON ব্যবহার করে ডেটা প্রসেস করার মাধ্যমে ওয়েব অ্যাপ্লিকেশনের পারফরম্যান্স এবং ইউজার এক্সপেরিয়েন্স বৃদ্ধি করা যায়। এটি রিয়েল-টাইম ডেটা আপডেট, অ্যাসিনক্রোনাস ডেটা প্রক্রিয়াকরণ, এবং স্বতঃস্ফূর্ত ইন্টারঅ্যাকশন সহজ করে তোলে।
Read more
or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
